﻿<!DOCTYPE html>
<html>
<head>
    <title>随访规则设定</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <!--bootStrop css 单选框样式-->
    <link rel="stylesheet" href="resources/scripts/assets/bootstrap/css/icheck-bootstrap.css">
    <!--bootStrop css 主样式-->
    <link rel="stylesheet" href="resources/scripts/assets/bootstrap/css/bootstrap.min.css">
    <!--jquery js-->
    <script src="resources/scripts/assets/js/jquery-2.2.3.min.js"></script>
    <!--bootStrop js-->
    <script src="resources/scripts/assets/bootstrap/js/bootstrap.min.js"></script>
    <script>
        $(function () {
            $("#moban").load("通用模板选择.html");
            //获取页面的每个按钮
            let btns = $(".btn_active");
            //获取内容盒子
            let contents = $(".content");
            //遍历每个按钮为其添加点击事件
            for (var i = 0; i < btns.length; i++) {
                btns[i].index = i;
                btns[i].onclick = function () {
                    //对当前点击的按钮赋予active类名及显示当前按钮对应的内容
                    for (var j = 0; j < btns.length; j++) {
                        btns[j].className = btns[j].className.replace(' active', '').trim();
                        contents[j].className = contents[j].className.replace(' show', '').trim();
                    }
                    this.className = this.className + ' active';
                    contents[this.index].className = contents[this.index].className + ' show';
                };
            }
        });
    </script>
    <style>
        .content {
            margin: 10px auto;
            display: none;
        }

        .content.show {
            display: block;

        }
    </style>
</head>
<body>
<div class="pull-left col-md-offset-0 "
     style="position:absolute;left:40px;top:-30px;width:100px;height:20px;font-size:12px;text-decoration:underline;color:#0000CC;">
    <br/><br/><br/>
    <span style="color: #FF6600" class="glyphicon glyphicon-log-in"></span>
    <a href="单个随访组管理.html">
        <ins>返回随访组</ins>
    </a>
    <div style="position:absolute;left:561px;top:22px;width:157px;height:20px;font-size:12px;">
        <h3><strong>随访规则设置</strong></h3>
    </div>
</div>
<br/><br/><br/><br/>
<div class="col-lg-10">
    <div class="col-lg-4 col-sm-offset-2">
        <label>节假日设定:</label>&emsp;
        <span class="icheck-info">
            节假日是否排期&emsp;
            <input type="radio" id="someCheckboxId1" name="status1"/>
            <label for="someCheckboxId1">是</label>
        </span>
        &nbsp;/&nbsp;
        <span class="icheck-info">
                <input type="radio" id="someCheckboxId2" name="status1"/>
            <label for="someCheckboxId2">否</label>
        </span>
    </div>
    <div class="col-lg-5">
        <span class="icheck-info">
            <input type="radio" id="someCheckboxId3" name="status2"/>
            <label for="someCheckboxId3">提前</label>
        </span>
        &nbsp;/&nbsp;
        <span class="icheck-info">
            <input type="radio" id="someCheckboxId4" name="status2"/>
            <label for="someCheckboxId4">顺延</label>
            &emsp;到上&nbsp;/&nbsp;下一个工作日
        </span>
    </div>
</div>

<h6 class="page-header"></h6>

<div class="col-lg-2 text-center">
    <input type="button" class="btn_active btn btn-default" value="基线" style="width: 100%">
    <br/><br/>
    <div class="btn_active text-default"
         style="background-color: #ffffff;height: 150px;width: 100%;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc">
        <a href="#" style="text-decoration: none;color: #333">
            随访规则 1
            <br/><br/>
            提前5天自动通知
            <br/>
            事件：本科室第一次手术
            <br/>
            起始时间：事件后1月
            <br/>
            间隔时间：1月，共：6次
        </a>
    </div>
    <br/><br/>
    <input type="button" class="btn btn-default" value="添加" style="width: 100%">
</div>
<div class="content show">
    <div class="col-lg-10">
        <input type="button" class="btn btn-info col-lg-offset-9" value="保存" style="width: 10%;">
        <br/><br/><br/>
        <div class="col-lg-offset-4">
            <input type="button" class="btn btn-warning" value="引用模板" data-toggle="modal" data-target="#myModal">
            <br/><br/><br/>
            <strong style="color: #2aabd2">1.基本信息</strong>
            <br/><br/>
            <strong style="color: #2aabd2">2.体格检查</strong>
            <br/><br/>
            <strong style="color: #2aabd2">3.实验室检查</strong>
            <br/><br/>
            <strong style="color: #2aabd2">4.影像学检查</strong>
        </div>
    </div>
</div>
<div class="content">
    <div class="col-lg-10">
        <form class="form-inline">
            <input type="button" class="btn btn-info col-lg-offset-9" value="保存" style="width: 10%;">
            <br/>
            <label>1.时点设置</label>
            <br/>
            &emsp;
            1)基准事件:
            <span class="icheck-info">
            <input type="radio" id="someCheckboxId5" name="status3"/>
            <label for="someCheckboxId5">门诊</label>
        </span>
            &emsp;
            <span class="icheck-info">
            <input type="radio" id="someCheckboxId6" name="status3"/>
            <label for="someCheckboxId6">入院</label>
        </span>
            &emsp;
            <span class="icheck-info">
            <input type="radio" id="someCheckboxId7" name="status3"/>
            <label for="someCheckboxId7">出院</label>
        </span>
            &emsp;
            <span class="icheck-info">
            <input type="radio" id="someCheckboxId8" name="status3"/>
            <label for="someCheckboxId8">手术</label>
        </span>
            &emsp;
            <span class="icheck-info">
            <input type="radio" id="someCheckboxId9" name="status3"/>
            <label for="someCheckboxId9">入ICU</label>
        </span>
            &emsp;
            <span class="icheck-info">
            <input type="radio" id="someCheckboxId10" name="status3"/>
            <label for="someCheckboxId10">出ICU</label>
        </span>
            <br/><br/>
            &emsp;&nbsp;&nbsp;&nbsp;
            筛选条件:
            <span class="icheck-info">
            <input type="radio" id="someCheckboxId11" name="status4"/>
            <label for="someCheckboxId11">本院</label>
        </span>
            &emsp;
            <span class="icheck-info">
            <input type="radio" id="someCheckboxId12" name="status4"/>
            <label for="someCheckboxId12">本科室</label>
        </span>
            &emsp;|&emsp;
            <span class="icheck-info">
            <input type="radio" id="someCheckboxId13" name="status5"/>
            <label for="someCheckboxId13">首次</label>
        </span>
            &emsp;
            <span class="icheck-info">
            <input type="radio" id="someCheckboxId14" name="status5"/>
            <label for="someCheckboxId14">末次</label>
        </span>
            &emsp;|&emsp;
            <span class="icheck-info">
            <input type="radio" id="someCheckboxId15" name="status6"/>
            <label for="someCheckboxId15">本就诊</label>
        </span>
            &emsp;
            <span class="icheck-info">
            <input type="radio" id="someCheckboxId16" name="status6"/>
            <label for="someCheckboxId16">任意就诊</label>
        </span>
            <br/><br/>
            &emsp;
            2)起始:<input type="date" class="form-control">
            &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
            3)间隔:<input type="date" class="form-control">
            <br/><br/>
            &emsp;
            4)持续:<input type="number" class="form-control" min="0" style="width: 50px;">&nbsp;次
            &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&nbsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
            5)提前:<input type="number" class="form-control" min="0" style="width: 50px;">&nbsp;天自动通知
            <h6 class="page-header"></h6>
            <label>2.模板选择</label>
            <br/>
            &emsp;&emsp;
            <input type="button" class="btn btn-warning" value="引用CRF模板" data-toggle="modal" data-target="#myModal">
            &emsp;&emsp;
            <strong style="color: #2aabd2">1.评分表</strong>
            &emsp;
            <strong style="color: #2aabd2">2.随访</strong>
            <h6 class="page-header"></h6>
            <label>3.提醒方式</label>
            <br/>
            &emsp;&emsp;
            <input type="button" class="btn btn-warning" value="引用随访提醒模板" data-toggle="modal" data-target="#myModal">
            &emsp;&emsp;<span style="color: #2aabd2">患者提醒通用模板：请于${2017年6月1日}来院随访。</span>
            <br/><br/>
            &emsp;&emsp;&emsp;&emsp;提醒方式:
            <select class="form-control">
                <option>请选择</option>
                <option>移动app</option>
                <option>短信</option>
                <option>微信</option>
            </select>
            &emsp;&emsp;
            发送至:
            <select class="form-control">
                <option>请选择</option>
                <option>医生</option>
                <option>随访员</option>
                <option>微信</option>
            </select>
            <br/><br/><br/>
            &emsp;&emsp;
            <input type="button" class="btn btn-warning" value="引用数据项预警模板" data-toggle="modal" data-target="#myModal">
            &emsp;&emsp;<span style="color: #2aabd2">预警通用模板：患者张三指标白细胞超出正常范围，请对应。</span>
            <br/><br/>
            &emsp;&emsp;&emsp;&emsp;提醒方式:
            <select class="form-control">
                <option>请选择</option>
                <option>移动app</option>
                <option>短信</option>
                <option>微信</option>
            </select>
            &emsp;&emsp;
            发送至:
            <select class="form-control">
                <option>请选择</option>
                <option>医生</option>
                <option>随访员</option>
                <option>微信</option>
            </select>
        </form>
        <br/><br/><br/><br/><br/>
    </div>
</div>
<!-- 模态框 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel" style="color: #2aabd2">通用模板选择</h4>
            </div>
            <div class="modal-body">
                <div id="moban"></div>
                <br/><br/><br/><br/><br/><br/><br/>
            </div>
            <div class="modal-footer">
                <input type="button" class="btn btn-info text-center" value="确定/合并">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>
